<template>
	<view class="set-up">
		<uni-list class="setUp-list">
			<uni-list-item class="setUp-list-item" :clickable="true" title="账号管理" border :showArrow="true"></uni-list-item>
			<uni-list-item class="setUp-list-item" :clickable="true" title="通知设置" border :showArrow="true"></uni-list-item>
			<uni-list-item class="setUp-list-item" :clickable="true" title="隐私设置" border :showArrow="true"></uni-list-item>
		</uni-list>
		
		<uni-list class="setUp-list">
			<uni-list-item class="setUp-list-item" :clickable="true" title="常见问题" border :showArrow="true"></uni-list-item>
			<uni-list-item class="setUp-list-item" :clickable="true" title="清除缓存" rightText="11.8M" border :showArrow="true"></uni-list-item>
			
		</uni-list>
		
		<uni-list class="setUp-list">
			<uni-list-item class="setUp-list-item" :clickable="true" title="推荐给好友" border :showArrow="true"></uni-list-item>
			<uni-list-item class="setUp-list-item" :clickable="true" title="版本信息" rightText="3.2.2" border :showArrow="true"></uni-list-item>
		</uni-list>
		<view class="set-up-button">
			<button :disabled="false" @click="jump('/pages/my/my')">退出登录</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jump(url) {
				 setTimeout(() => {
				      uni.reLaunch({
				          url
				      })
				  }, 0)
				  console.log(url);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.set-up{
		flex-direction: column;
		.setUp-list{
		width: 750rpx;
		margin-top: 15rpx;
	::v-deep .uni-list-item__content-title{
		font-size: 36rpx;
	}
	.setUp-list-item{
		height: 125rpx;
	}	
	}
	}
	.set-up-button{
		width: 750rpx;
		display: flex;
		justify-content: center;
		margin-top: 60rpx;
		button{
			width: 90%;
			height: 110rpx;
			line-height: 110rpx;
		}
	}
</style>
